<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
 <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css"> 

#head { 
height: 60px; 
width: 100%; 
background-color: #1e89e0; 
} 
#nav ul{ 
margin: 0 0 0 30px; 
padding-top:15px;
font-size: 18px; 
color: #FFF; 
line-height: 30px; 
white-space: nowrap; 
} 
#ulnav ul{ 
margin: 0 0 0 30px; 
padding-top:15px;
font-size: 18px; 
color: #FFF; 
line-height: 30px; 
white-space: nowrap; 
} 
#nav li{ 
list-style-type: none; 
display: inline; 
} 
#ziliao li{
list-style-type: none; 
}
#ulnav li{ 
list-style-type: none; 
display: inline; 
} 
#nav li a { 
text-decoration: none; 
font-family: '微软雅黑';
font-size:18px; 
padding: 16px 25px; 
color: white; 
} 
#ulnav li a{ 
text-decoration: none; 
font-family: '微软雅黑';
font-size:15px; 
padding: 16px 25px; 
color: #dcdcdc; 
} 
#ziliao li a{
text-decoration: none; 
font-family: '微软雅黑';
font-size:15px; 
color: #808080; 
}
#ziliao li a:HOVER{
background-color: #dcdcdc
}
#ulnav li a:hover { 
color: white; 
} 
#nav li a:hover { 
color: white; 
background-color: #006bc7; 
} 
#nav li a:VISITED { 
color: white; 
background-color: #006bc7; 
} 
</style> 
</head> 
<body> 
<div id="head"> 
<div style="height: 100%;width: 200px;float: left;"></div>
<div style="height: 100%;width: 400px;float: left;" id="nav">
<ul> 
<li style="margin-left: -50px;"><a href="<%=basePath %>user/com_userIndex">首页</a></li> 
<li><a href="">品牌餐厅</a></li> 
<li><a href="">我的饿单</a></li> 
</ul> 
</div>
<div style="height: 100%;width: 710px;float: right;" id="ulnav">
<div style="height: 100%;width: 420px;float: left;" id="ulnav">
<ul>
<li><a>积分商城</a></li>
<li><a>客服中心</a></li>
<li><a>手机应用</a></li>
</ul>
</div>
<div onmouseover="ziliaoShow()"  onmouseout="ziliaoHide()" style="height: 50px;width: 150px;float: left;margin-top: 20px;margin-left: 100px;">
<s:if test="#session.user.userId==null">
<span><a>登录</a></span>/<span><a>注册</a></span>
</s:if>
<s:else>
<span  style="font-family: '微软雅黑';font-size:18px;color:white; " ><s:property value="#session.user.userName"/><img alt=""  width="30px" height="30px;" src="<%=basePath%>image/xiala.png "></span>
</s:else>
</div>
<script type="text/javascript">
function ziliaoShow(){
	$("#ziliao").show();
}
function ziliaoHide(){
	$("#ziliao").hide();
}
</script>
 </div>

</div> 
<div onmouseover="ziliaoShow()"  onmouseout="ziliaoHide()" style="width: 150px;height: 120px;background-color:white;position: absolute;z-index:3;left:1120px;top:50px;display: none;" id="ziliao">
<ul>
<li style="height:30px;"><a href="<%=basePath%>user/user_Info?userId=<s:property value='#session.user.userId' />" target="_bank" style="margin-left:-20px;letter-spacing:8px;padding-left: 5px;padding-right: 20px;"><i class="icon-user"></i>&nbsp;个人中心</a></li>
<li style="height:30px;"><a href="" style="margin-left:-20px;letter-spacing:8px;padding-left: 5px;padding-right: 20px;"><i class="icon-star"></i>&nbsp;我的收藏</a> </li>
<li style="height:30px;"><a href="" style="margin-left:-20px;letter-spacing:8px;padding-left: 5px;padding-right: 20px;"><i class="icon-cog"></i>&nbsp;安全设置</a></li>
<li style="height:30px;"><a href="<%=basePath%>user/user_logout" style="margin-left:-20px;letter-spacing:8px;padding-left: 5px;padding-right: 20px;"><i class="icon-off"></i>&nbsp;退出登录</a></li>
</ul>
</div>
</body> 
</html>